<!doctype html>
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
	<title>Dashboard | LaundryBox</title>
	<meta charset="UTF-8">
	<meta name="description" content="">
	<meta name="author" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<link rel="shortcut icon" href="favicon.ico">
	 
	
	<!-- CSS Styles -->
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/colors.css">
	<link rel="stylesheet" href="css/jquery.tipsy.css">
	<link rel="stylesheet" href="css/jquery.wysiwyg.css">
	<link rel="stylesheet" href="css/jquery.datatables.css">
	<link rel="stylesheet" href="css/jquery.nyromodal.css">
	<link rel="stylesheet" href="css/jquery.datepicker.css">
	<link rel="stylesheet" href="css/jquery.fileinput.css">
	<link rel="stylesheet" href="css/jquery.fullcalendar.css">
	<link rel="stylesheet" href="css/jquery.visualize.css">

	<!-- Google WebFonts -->
	<link href='http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>

	<script src="js/libs/modernizr-1.7.min.js"></script>
</head>

<!-- Add class .fixed for fixed layout. You would need also edit CSS file for width -->
<body class="fixed">

	<!-- Fixed Layout Wrapper -->
	<div class="fixed-wraper">

	<?php 
		include('module/leftside.php');
	?>
	
	<!-- Main Content -->
	<section role="main">
	
		<!-- Widget Container -->
		<section id="widgets-container">
		
			<!-- Widget Box -->
			<div class="widget increase" id="new-visitors">
				<a href="#" class="close-widget" title="Hide Widget" rel="tooltip">x</a>
				<span>increase</span>
				<p><strong>+35,18<sup>%</sup></strong> +2489 new visitors</p>
			</div>
			<!-- /Widget Box -->
			
			<!-- Widget Box -->
			<div class="widget decrease" id="new-orders">
				<a href="#" class="close-widget" title="Hide Widget" rel="tooltip">x</a>
				<span>decrease</span>
				<p><strong>-12,50<sup>%</sup></strong> -311 new orders</p>
			</div>
			<!-- Widget Box -->
			
			<!-- /Widget Box -->
			<div class="widget increase" id="new-tasks">
				<a href="#" class="close-widget" title="Hide Widget" rel="tooltip">x</a>
				<span>7</span>
				<p><strong>Tasks</strong> +3 New Tasks</p>
			</div>
			<!-- Widget Box -->
			
		</section>
		<!-- /Widget Container -->
		
		<!-- Breadcumbs -->
		<ul id="breadcrumbs">
			<li><a href="fixed.html" title="Back to Homepage">Back to Home</a></li>
			<li><a href="#">Projects</a></li>
			<li><a href="#">Project's Assets</a></li>
			<li><a href="#">Edit Assets</a></li>
			<li>Current Page</li>
		</ul>
		<!-- /Breadcumbs -->
		
		<!-- Full Content Block -->
		<!-- Note that only 1st article need clearfix class for clearing -->
		<article class="full-block clearfix">
		
			<!-- Article Container for safe floating -->
			<div class="article-container">
			
				<!-- Article Header -->
				<header>
					<h2>My Laudry Box AdminPanel</h2>
					<!-- Article Header Tab Navigation -->
					<nav>
						<ul class="tab-switch">
							<li><a class="default-tab" href="#tab0" rel="tooltip" title="Switch to next tab">Graphs</a></li>
							<li><a href="#tab1" rel="tooltip" title="Switch to next tab">Goodies</a></li>
						</ul>
					</nav>
					<!-- /Article Header Tab Navigation -->
				</header>
				<!-- /Article Header -->
				
				<!-- Article Content -->
				<section>
				
					<!-- Tab Content #tab0 -->
					<div class="tab default-tab" id="tab0">
						<h3>Order Form</h3>
						<form>
						<tbody>
						<tr>
							<td><label>Date</label></td>
							<td><input type="text" class="datepicker hasDatepicker" value="2012-01-29" name="date" id="dp1327830948134"></td>
						</tr>
						<p/>
						<tr>
							<td><label>Date</label></td>
							<td><input type="text" class="datepicker hasDatepicker" value="2012-01-29" name="date" id="dp1327830948134"></td>
						</tr>
				
						<td style="padding:9px 5px 15px"><a href="#" class="btn medium" onclick="document.forms[0].submit();return false;"><span>Create</span></a><br></td>
            </tr>
			
        </tbody>
						</form>
					</div>
					<!-- /Tab Content #tab0 -->
				
					<!-- Tab Content #tab1 -->
					<div class="tab" id="tab1">
						<h3>Emoticons</h3>
						<p>We have made for you simple predefined emoticons. Use class .emoticon with mood class (.emoticon .smile).</p>
						<p>
							<span class="emoticon smile">:smile:</span>
							<span class="emoticon grin">:grin:</span>
							<span class="emoticon evilgrin">:evilgrin:</span>
							<span class="emoticon happy">:happy:</span>
							<span class="emoticon surprised">:surprised:</span>
							<span class="emoticon tongue">:tongue:</span>
							<span class="emoticon unhappy">:unhappy:</span>
							<span class="emoticon waii">:waii:</span>
							<span class="emoticon wink">:wink:</span>
							<span class="emoticon neutral">:neutral:</span>
							<span class="emoticon cool">:cool:</span>
							<span class="emoticon confuse">:confuse:</span>
							<span class="emoticon cry">:cry:</span>
							<span class="emoticon fat">:fat:</span>
							<span class="emoticon mad">:mad:</span>
							<span class="emoticon red">:red:</span>
							<span class="emoticon roll">:roll:</span>
							<span class="emoticon slim">:slim:</span>
							<span class="emoticon yell">:yell:</span>
							<span class="emoticon bug">:bug:</span>
							<span class="emoticon heart">:heart:</span>
							<span class="emoticon rocket">:rocket:</span>
							<span class="emoticon basketball">:basketball:</span>
							<span class="emoticon soccer">:soccer:</span>
							<span class="emoticon tennis">:tennis:</span>
							<span class="emoticon golf">:golf:</span>
							<span class="emoticon football">:football:</span>
							<span class="emoticon eightball">:8ball:</span>
							<span class="emoticon raquet">:raquet:</span>
							<span class="emoticon shuttlecock">:shuttlecock:</span>
						</p>
						<h3>File Extension</h3>
						<p>Chromatron Admin comes also with special predefined file extension styles. Use class .extension with file type class to add extension icon (.extension .cplusplus) to any element.</p>
						<ul class="left">
							<li><span class="extension empty">Empty document</span></li>
							<li><span class="extension pdf">Acrobat document</span></li>
							<li><span class="extension access">Access document</span></li>
							<li><span class="extension cup">Cup document</span></li>
							<li><span class="extension cplusplus">C++ document</span></li>
							<li><span class="extension csharp">C# document</span></li>
							<li><span class="extension database">Database document</span></li>
							<li><span class="extension film">Film document</span></li>
							<li><span class="extension find">Find document</span></li>
							<li><span class="extension freehand">Freehand document</span></li>
						</ul>
						<ul class="left">
							<li><span class="extension excel">Excel document</span></li>
							<li><span class="extension flash">Flash document</span></li>
							<li><span class="extension dvd">DVD document</span></li>
							<li><span class="extension php">PHP document</span></li>
							<li><span class="extension powerpoint">Powerpoint document</span></li>
							<li><span class="extension picture">Picture document</span></li>
							<li><span class="extension ruby">Ruby document</span></li>
							<li><span class="extension illustrator">Illustrator document</span></li>
							<li><span class="extension photoshop">Photoshop document</span></li>
							<li><span class="extension swoosh">Swoosh document</span></li>
						</ul>
						<ul class="left">
							<li><span class="extension text">Text document</span></li>
							<li><span class="extension tux">Tux document</span></li>
							<li><span class="extension word">Word document</span></li>
							<li><span class="extension visualstudio">Visual Studio document</span></li>
							<li><span class="extension zip">Zip document</span></li>
							<li><span class="extension music">Music document</span></li>
							<li><span class="extension office">MS Office document</span></li>
							<li><span class="extension report">Report document</span></li>
							<li><span class="extension wrench">Wrench document</span></li>
						</ul>
					</div>
					<!-- /Tab Content #tab1 -->

				</section>
				<!-- /Article Content -->
				
			
			</div>
			<!-- /Article Container -->
			
		</article>
		<!-- /Full Content Block -->
		
		<!-- Full Content Block with .nested style -->
		<article class="full-block nested">
		
		</article>
		<!-- /Full Content Block with .nested style -->
		
		<div class="clearfix"></div> <!-- We're really sorry for this, but because of IE7 we still need separated div with clearfix -->
		
		<!-- Sample Modal -->
		<article id="sample" class="modal">
			<h2>nyroModal</h2>
			<p>Ajax Call, Ajax Call with targeting content, Single Image, Images Gallery with arrow navigating, Gallery with any kind of content, Form, Form in iframe, Form with targeting content, Form with file upload, Form with file upload with targeting content, Dom Element, Manual Call, Iframe, Stacked Modals, Many embed element through Embed.ly API, Error handling, Modal will never goes outside the view port, Esc key to close the window, Customizable animation, Customizable look, Modal title.</p>
			<a href="#" class="outside">1</a>
		</article>
		<!-- /Sample Modal -->
	
	</section>
	<!-- /Main Content -->
	
	</div>
	<!-- /Fixed Layout Wrapper -->

	<!-- JS Libs at the end for faster loading -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script>!window.jQuery && document.write(unescape('%3Cscript src="js/jquery/jquery-1.5.1.min.js"%3E%3C/script%3E'))</script>
	<script src="js/libs/selectivizr.js"></script>
	<script src="js/jquery/jquery.nyromodal.js"></script>
	<script src="js/jquery/jquery.tipsy.js"></script>
	<script src="js/jquery/jquery.wysiwyg.js"></script>
	<script src="js/jquery/jquery.datatables.js"></script>
	<script src="js/jquery/jquery.datepicker.js"></script>
	<script src="js/jquery/jquery.fileinput.js"></script>
	<script src="js/jquery/jquery.fullcalendar.min.js"></script>
	<script src="js/jquery/excanvas.js"></script>
	<script src="js/jquery/jquery.visualize.js"></script>
	<script src="js/jquery/jquery.visualize.tooltip.js"></script>
	<script src="js/script.js"></script>
</body>
</html>